﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="css/layout.css" />
    <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
    <title></title>
</head>
<body>
    <div id="main">
        <header></header>
        <div id="nav">
            <div class="lmenu"></div>
            <div class="cmenu">
                <div class="menu_item">
                    <a href="">Điện tử</a>
                </div>
            </div>
            <div class="rmenu"></div>
            <div class="clear"></div>
        </div>

        <div id="intro">
            <div id="slideshow">
                <div>
                    <img src="Images/slide/0.jpg" />
                </div>
                <div>
                    <img src="Images/slide/1.jpg" />
                </div>
                <div>
                    <img src="Images/slide/2.jpg" />
                </div>
                <div>
                    <img src="Images/slide/3.jpg" />
                </div>
                <div>
                    <img src="Images/slide/4.jpg" />
                </div>
            </div>
            <script language="javascript">
                $(document).ready(function () {
                    initSlideShow();

                });
                function initSlideShow() {
                    if ($("#slideshow div").length > 1) {
                        var transationTime = 2000;
                        $("#slideshow div:first").addClass('active');
                        setInterval(slideChangeImage, transationTime);
                    }
                }
                function slideChangeImage() {
                    var active = $("#slideshow div.active");
                    if (active.length == 0) {
                        active = $("#slideshow div:last");
                    }

                    var next = active.next().length ? active.next() : $("#slideshow div:first");
                    active.addClass('lastactive');
                    next.css({ opacity: 0.0 })
            				.addClass('active')
            				.animate({ opacity: 3.0 }, 1500, function () {
            				    active.removeClass("active lastactive");
            				});
                }
            </script>
            <div class="adv_intro">
                <img src="Images/slide/05.jpg" alt="">
            </div>
            <div class="clear"></div>
        </div>
        <div class="content">
            <div class="block_content">
                <div class="block_title">
                    <div class="lblock"></div>
                    <div class="cblock">
                        <h3>Điện tử</h3>
                    </div>
                    <div class="c2block"></div>
                    <div class="rblock"></div>
                    <div class="clear"></div>
                </div>
                <div class="block_list">
                    <div class="block_item">
                        <div class="block_img">
                            <a href="">
                                <img src="Images/loa.jpg" alt="" />
                            </a>
                        </div>
                        <div class="block_title_item"><a href="">Loa ABC XY đẹp</a></div>
                        <div class="old_price">1990000 đ</div>
                        <div class="price">2500.000 đ</div>
                        <span>
                            <img src="Images/rate.png" />

                        </span>
                        <a href="">
                            <div class="button_buy">Mua hàng</div>
                        </a>
                    </div>
                    <div class="block_item">
                        <div class="block_img">
                            <a href="">
                                <img src="Images/loa.jpg" alt="" />
                            </a>
                        </div>
                        <div class="block_title_item"><a href="">Loa ABC XY đẹp</a></div>
                        <div class="old_price">1990000 đ</div>
                        <div class="price">2500.000 đ</div>
                        <span>
                            <img src="Images/rate.png" />

                        </span>
                        <a href="">
                            <div class="button_buy">Mua hàng</div>
                        </a>
                    </div>
                    <div class="block_item">
                        <div class="block_img">
                            <a href="">
                                <img src="Images/loa.jpg" alt="" />
                            </a>
                        </div>
                        <div class="block_title_item"><a href="">Loa ABC XY đẹp</a></div>
                        <div class="old_price">1990000 đ</div>
                        <div class="price">2500.000 đ</div>
                        <span>
                            <img src="Images/rate.png" />

                        </span>
                        <a href="">
                            <div class="button_buy">Mua hàng</div>
                        </a>
                    </div>
                    <div class="block_item">
                        <div class="block_img">
                            <a href="">
                                <img src="Images/loa.jpg" alt="" />
                            </a>
                        </div>
                        <div class="block_title_item"><a href="">Loa ABC XY đẹp</a></div>
                        <div class="old_price">1990000 đ</div>
                        <div class="price">2500.000 đ</div>
                        <span>
                            <img src="Images/rate.png" />

                        </span>
                        <a href="">
                            <div class="button_buy">Mua hàng</div>
                        </a>
                    </div>
                    <div class="block_item">
                        <div class="block_img">
                            <a href="">
                                <img src="Images/loa.jpg" alt="" />
                            </a>
                        </div>
                        <div class="block_title_item"><a href="">Loa ABC XY đẹp</a></div>
                        <div class="old_price">1990000 đ</div>
                        <div class="price">2500.000 đ</div>
                        <span>
                            <img src="Images/rate.png" />

                        </span>
                        <a href="">
                            <div class="button_buy">Mua hàng</div>
                        </a>
                    </div>

                </div>
                <div class="advertise_right">
                    <img src="Images/07.jpg" alt="" />
                </div>
                <div class="advertise_right">
                    <img src="Images/07.jpg" alt="" />
                </div>
                <div class="clear"></div>
            </div>
            <div class="block_content">
                <div class="block_title">
                    <div class="lblock"></div>
                    <div class="cblock">
                        <h3>Điện tử</h3>
                    </div>
                    <div class="c2block"></div>
                    <div class="rblock"></div>
                    <div class="clear"></div>
                </div>
                <div class="block_list">
                    <div class="block_item">
                        <div class="block_img">
                            <a href="">
                                <img src="Images/loa.jpg" alt="" />
                            </a>
                        </div>
                        <div class="block_title_item"><a href="">Loa ABC XY đẹp</a></div>
                        <div class="old_price">1990000 đ</div>
                        <div class="price">2500.000 đ</div>
                        <span>
                            <img src="Images/rate.png" />

                        </span>
                        <a href="">
                            <div class="button_buy">Mua hàng</div>
                        </a>
                    </div>
                    <div class="block_item">
                        <div class="block_img">
                            <a href="">
                                <img src="Images/loa.jpg" alt="" />
                            </a>
                        </div>
                        <div class="block_title_item"><a href="">Loa ABC XY đẹp</a></div>
                        <div class="old_price">1990000 đ</div>
                        <div class="price">2500.000 đ</div>
                        <span>
                            <img src="Images/rate.png" />

                        </span>
                        <a href="">
                            <div class="button_buy">Mua hàng</div>
                        </a>
                    </div>
                    <div class="block_item">
                        <div class="block_img">
                            <a href="">
                                <img src="Images/loa.jpg" alt="" />
                            </a>
                        </div>
                        <div class="block_title_item"><a href="">Loa ABC XY đẹp</a></div>
                        <div class="old_price">1990000 đ</div>
                        <div class="price">2500.000 đ</div>
                        <span>
                            <img src="Images/rate.png" />

                        </span>
                        <a href="">
                            <div class="button_buy">Mua hàng</div>
                        </a>
                    </div>
                    <div class="block_item">
                        <div class="block_img">
                            <a href="">
                                <img src="Images/loa.jpg" alt="" />
                            </a>
                        </div>
                        <div class="block_title_item"><a href="">Loa ABC XY đẹp</a></div>
                        <div class="old_price">1990000 đ</div>
                        <div class="price">2500.000 đ</div>
                        <span>
                            <img src="Images/rate.png" />

                        </span>
                        <a href="">
                            <div class="button_buy">Mua hàng</div>
                        </a>
                    </div>

                </div>
                <div class="advertise_right">
                    <img src="Images/07.jpg" alt="" />
                </div>
                <div class="clear"></div>
            </div>
             <div class="block_content">
                <div class="block_title">
                    <div class="lblock"></div>
                    <div class="cblock">
                        <h3>Điện tử</h3>
                    </div>
                    <div class="c2block"></div>
                    <div class="rblock"></div>
                    <div class="clear"></div>
                </div>
                <div class="block_list">
                    <div class="block_item">
                        <div class="block_img">
                            <a href="">
                                <img src="Images/loa.jpg" alt="" />
                            </a>
                        </div>
                        <div class="block_title_item"><a href="">Loa ABC XY đẹp</a></div>
                        <div class="old_price">1990000 đ</div>
                        <div class="price">2500.000 đ</div>
                        <span>
                            <img src="Images/rate.png" />

                        </span>
                        <a href="">
                            <div class="button_buy">Mua hàng</div>
                        </a>
                    </div>
                    <div class="block_item">
                        <div class="block_img">
                            <a href="">
                                <img src="Images/loa.jpg" alt="" />
                            </a>
                        </div>
                        <div class="block_title_item"><a href="">Loa ABC XY đẹp</a></div>
                        <div class="old_price">1990000 đ</div>
                        <div class="price">2500.000 đ</div>
                        <span>
                            <img src="Images/rate.png" />

                        </span>
                        <a href="">
                            <div class="button_buy">Mua hàng</div>
                        </a>
                    </div>
                    <div class="block_item">
                        <div class="block_img">
                            <a href="">
                                <img src="Images/loa.jpg" alt="" />
                            </a>
                        </div>
                        <div class="block_title_item"><a href="">Loa ABC XY đẹp</a></div>
                        <div class="old_price">1990000 đ</div>
                        <div class="price">2500.000 đ</div>
                        <span>
                            <img src="Images/rate.png" />

                        </span>
                        <a href="">
                            <div class="button_buy">Mua hàng</div>
                        </a>
                    </div>
                    <div class="block_item">
                        <div class="block_img">
                            <a href="">
                                <img src="Images/loa.jpg" alt="" />
                            </a>
                        </div>
                        <div class="block_title_item"><a href="">Loa ABC XY đẹp</a></div>
                        <div class="old_price">1990000 đ</div>
                        <div class="price">2500.000 đ</div>
                        <span>
                            <img src="Images/rate.png" />

                        </span>
                        <a href="">
                            <div class="button_buy">Mua hàng</div>
                        </a>
                    </div>
                    <div class="block_item">
                        <div class="block_img">
                            <a href="">
                                <img src="Images/loa.jpg" alt="" />
                            </a>
                        </div>
                        <div class="block_title_item"><a href="">Loa ABC XY đẹp</a></div>
                        <div class="old_price">1990000 đ</div>
                        <div class="price">2500.000 đ</div>
                        <span>
                            <img src="Images/rate.png" />

                        </span>
                        <a href="">
                            <div class="button_buy">Mua hàng</div>
                        </a>
                    </div>

                </div>
                <div class="advertise_right">
                    <img src="Images/07.jpg" alt="" />
                </div>
                <div class="advertise_right">
                    <img src="Images/07.jpg" alt="" />
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <footer>
            <div class="footer_top">
                <div class="block_foot">
                    <h3>Giới thiệu</h3>
                    <ul>
                        <li>
                            <a href="">Về chúng tôi</a>
                        </li>
                         <li>
                            <a href="">Về chúng tôi</a>
                        </li>
                         <li>
                            <a href="">Về chúng tôi</a>
                        </li>
                         <li>
                            <a href="">Về chúng tôi</a>
                        </li>
                         
                    </ul>
                </div>
                <div class="block_foot">
                    <h3>Thông tin trợ giúp</h3>
                    <ul>
                        <li>
                            <a href="">Về chúng tôi</a>
                        </li>
                         <li>
                            <a href="">Về chúng tôi</a>
                        </li>
                         <li>
                            <a href="">Về chúng tôi</a>
                        </li>
                         <li>
                            <a href="">Về chúng tôi</a>
                        </li>
                         
                    </ul>
                </div>
                <div class="block_foot">
                    <h3>Liên hệ</h3>
                    <ul>
                        <li>
                            <a href="">Về chúng tôi</a>
                        </li>
                         <li>
                            <a href="">Về chúng tôi</a>
                        </li>
                         <li>
                            <a href="">Về chúng tôi</a>
                        </li>
                         <li>
                            <a href="">Về chúng tôi</a>
                        </li>
                         
                    </ul>
                </div>

                <div class="block_foot" style="text-align:right; width: 340px;">
                    <h3 style="text-transform: uppercase; color: #000f28; font: normal 16px Segoe UI">Tổng đài chăm sóc khách hàng</h3>
                    <h3 style="font: bold 23px Arial; color: #1549A4; margin-top: 10px;">(04) 66778899</h3>
                </div>
                <div class="clear"></div>
            </div>
            <div class="footer_bottom">
                <span></span>
                <div class="contact"></div>
            </div>
        </footer>
    </div>
</body>
</html>
